<div class="container-fluid">
      <div class="row-fluid container_bg">
       <div ng-include="'side-menu.html'"></div>
        <div class="span9">
			<div class="container_title" style="position:relative;">
				<div class=""><h1>Admin Reports</h1></div>
				<a href='#/reports'>Date Wise Orders</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href='#/total-users-orders'>Users Orders Report</a>
				&nbsp;&nbsp;|&nbsp;&nbsp;<a href='#/total-users-report'>Total Users Report</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href='#/shop-wise-reports'> Shop wise performance reports</a><br/><br/>
				Select shop:<select id="user_id" name="user_id" ng-model="select.user_id" ng-change="usersOrders()"></select>
				<div class="container_form_top">
					<div class="row">
						<div chart id="visualization" style="width: 100%; height: 400px;"></div>
						<div ng-show="ratingsHide" id='ratingsHide' style="position: absolute; right: 24.5%; top: 35%;">
							<label class="control-label" for="rating"><b>Ratings</b> :</label>
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">&nbsp;&nbsp;&nbsp;<span id="stars5">{{stars5}}</span><br/>	<br/>					
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/gray-star.png">&nbsp;&nbsp;&nbsp;<span id="stars4">{{stars4}}</span><br/>	<br/>	
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/gray-star.png">
						<img class="star" src="images/gray-star.png">&nbsp;&nbsp;&nbsp;<span id="stars3">{{stars3}}</span><br/>	<br/>	
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/gray-star.png">
						<img class="star" src="images/gray-star.png">
						<img class="star" src="images/gray-star.png">&nbsp;&nbsp;&nbsp;<span id="stars2">{{stars2}}</span><br/>	<br/>	
						<img class="star" src="images/green-star.png">
						<img class="star" src="images/gray-star.png">
						<img class="star" src="images/gray-star.png">
						<img class="star" src="images/gray-star.png">
						<img class="star" src="images/gray-star.png">&nbsp;&nbsp;&nbsp;<span id="stars1">{{stars1}}</span>	
						</div>
					</div>
					<div class="row">
						<div id="visualization1" style="width: 100%; height: 400px;"></div>
					</div>
				</div>
			</div>
        </div>
      </div>
</div>
<script type="text/javascript">
google.setOnLoadCallback(function() {
        angular.bootstrap(document.body, ['mcAdminApp']);
    });
</script>